<style lang="scss">

.order-show-cell {
	height: 90rpx;
	display: flex;
	align-items: center;
	font-size: 28rpx;
	margin: 0 36rpx 0 20rpx;
	border-bottom: 1rpx solid #E8E5E9;
}

.order-show-cell-title {
	width: 150rpx;
	color:rgba(51, 51, 51, .5);
}

.order-show-cell-value {
	color: #333333;
	flex: 1;
	text-align: right;
}

</style>

<template>
	<view class="order-show-cell">
		<view class="order-show-cell-title ellipsis" v-text="title"></view>
		<view class="order-show-cell-value ellipsis">
			<text v-if="value" v-text="value"></text>
			<slot></slot>
		</view>
	</view>
</template>

<script>
export default {

	props: {

		title: {
			type: String,
		},

		value: {
			type: String,
		},

	}

}
</script>